<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                template="./templates/base_template.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui">

    <ui:define name="complementTitreEtH1">Menu du TP3</ui:define>

    <ui:define name="content">        
        <f:view>
            <style>
                .bankroot{
                    color:#D20005;
                }
            </style>
            <h:form>
                <h3><h:outputText value="Liste des comptes"/></h3>
                <p:dataTable value="#{gestionnaireDeComptes.lazyCompte}" 
                             var="item"
                             rows="10"
                             paginator="true"
                             rowsPerPageTemplate="5,10,15"
                             paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                             id="DTTableLazy"
                             lazy="true"
                             rowStyleClass="#{item.solde le 0 ? 'bankroot' : null}">
                    <p:column headerText="details">
                        
                        <h:commandLink action="#{gestionnaireDeComptes.showDetails(item)}" value="Compte n°#{item.id}"/>
                     </p:column>   
                    <p:column headerText="Proprietaire" sortBy="#{item.proprietaire}" filterBy="#{item.proprietaire}" filterMatchMode="contains">
                        
                        <h:outputText value="#{item.proprietaire}"/>
                    </p:column>
                    <p:column headerText="Solde">
                        
                        <h:outputText value="#{item.solde}"/>
                    </p:column>
                    
                    <p:column headerText="Supprimer">
                        
                        <h:commandLink action="#{gestionnaireDeComptes.supprimerCompte(item)}" value="[ X ]"/>
                    </p:column>
                    <p:column headerText="Depot">
                        
                        <h:commandLink action="#{gestionnaireDeComptes.goToDepot(item)}" value="[ + ]"/>
                    </p:column>
                    <p:column headerText="">
                        
                        <h:commandLink action="#{gestionnaireDeComptes.goToRetrait(item)}" value="[ - ]" />
                    </p:column>
                </p:dataTable>
                
            </h:form>
        </f:view>
    </ui:define>

</ui:composition>

